<!--字典表维护-->
<!--

<template>
  <div class="dictionaryInfo">
  &lt;!&ndash; 搜索框 &ndash;&gt;
  <el-form-item style=" width: 100%; display: flex;flex-direction: row;justify-content: space-between; align-items: center;">
    <span style="margin-right: 10px;">字典项名称：</span>
    <el-input placeholder="请输入字典项名称" clearable style="width: 300px" v-model="formData.name" @keyup.enter="search">
      <template #append>
        <el-button style="color: #FFFFFF;background-color: #3b82f6;" :icon="Search" @click="search" />
      </template>
    </el-input>
    &lt;!&ndash; 新增字典项按钮 &ndash;&gt;
    <el-button type="primary" style="margin-left: 20px;" @click="handleAdd">新增字典项</el-button>
  </el-form-item>
  &lt;!&ndash; 字典项表格 &ndash;&gt;
  <el-card v-loading="loading" style="width: 100%;margin-top: 20px;color: #333333;"  shadow="never">
    &lt;!&ndash; 编号、字典项名称、字典项值、字典项排序、备注信息、创建时间、更新时间、操作   &ndash;&gt;
    <el-table :data="dictionaryData" style="width: 100%">
      <el-table-column prop="index" label="编号" width="150" align="center" />
      <el-table-column prop="name" label="字典项名称" width="150" align="center" />
      <el-table-column prop="value" label="字典项值" width="150" align="center" />
      <el-table-column prop="description" label="字典项描述" width="150" align="center" />
      <el-table-column prop="createTime" label="创建时间" align="center" />
      <el-table-column prop="updateTime" label="更新时间" align="center" />
      <el-table-column label="操作"  align="center">
        <template #default="scope">
          <el-button type="success" size="small" @click="handleEdit(scope.row)">编辑</el-button>
          <el-button type="danger" size="small" @click="handleDelete(scope.row)">删除</el-button>
        </template>
      </el-table-column>

    </el-table>
  </el-card>
  &lt;!&ndash; 分页器 &ndash;&gt;
    <el-pagination
        background
        size="small"
        layout="prev, pager, next"
        :total="1000"
        class="pagination"
        style="margin-top: 20px;float: right"
    />
  </div>
</template>

<script setup>
import {ref} from "vue";
import {ElMessage} from "element-plus";
import {Search} from "@element-plus/icons";
/*定义搜索框数据*/
const formData = ref({
  name: "",
});
/*定义搜索方法*/
const search = () => {
  ElMessage.success("搜索功能正在开发中");
};
/*定义加载状态*/
const loading = ref(false);
/*定义字典数组*/
/*目前是假数据*/
const dictionaryData = ref([
    {
      index: 1,
      name: "性别",
      value: "男",
      description: "性别描述",
      createTime: "2023-05-05 12:00:00",
      updateTime: "2023-05-05 12:00:00",
    },
    {
      index: 2,
      name: "年龄",
      value: "18",
      description: "年龄描述",
      createTime: "2023-05-05 12:00:00",
      updateTime: "2023-05-05 12:00:00",
    },
    {
      index: 3,
      name: "学历",
      value: "本科",
      description: "学历描述",
      createTime: "2023-05-05 12:00:00",
      updateTime: "2023-05-05 12:00:00",
    },
    {
      index: 4,
      name: "专业",
      value: "计算机科学与技术",
      description: "专业描述",
      createTime: "2023-05-05 12:00:00",
      updateTime: "2023-05-05 12:00:00",
    }
]);
/*定义编辑方法*/
const handleEdit = (row) => {
  ElMessage.success("编辑功能正在开发中");
};
/*定义删除方法*/
const handleDelete = (row) => {
  ElMessage.success("删除功能正在开发中");
};
</script>

<style scoped>

</style>-->
<template>
  <h1 style="font-size: 20px">字典表维护页面</h1>
</template>